<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>框架</title>
    <link rel="stylesheet" href="../CSS/Day_2/css_day_2.css">
</head>
<body>
<div class="body1">
    <div class="left">
        <div>
            <h3>瀚海星云</h3>
            <p>BBS.USTC.EDU.COM</p>
        </div>
        <div>
            <hr>
            <ul>
                <li><img src="" alt=""><a href="#">讨论区首页</a></li>
                <li><img src="" alt=""><a href="#">精华公布栏</a></li>
                <li><img src="" alt=""><a href="#">个人文集区</a></li>
                <li><img src="" alt=""><a href="#">今日十大</a></li>
                <li><img src="" alt=""><a href="#">热门讨论区</a></li>
            </ul>
            <hr>
            <ul>
                <li><img src="" alt=""><a href="#">分类讨论区</a></li>
                <li><img src="" alt=""><a href="#">杜天说地区</a></li>
                <li><img src="" alt=""><a href="#">特别服务区</a></li>
            </ul>
            <hr>
            <ul>
                <li><img src="" alt=""><a href="#">tehet登录</a></li>
                <li><img src="" alt=""><a href="#">系统使用说明</a></li>
                <li><img src="" alt=""><a href="#">用户注册说明</a></li>
            </ul>
            <img src="../../images/Cirno%20(20).jpg" alt="" width="40px" height="30px">
            <form action="#" method="get" autocomplete="off">
                <ul>
                    <li><span>控制台：</span></li>
                    <li>
                        <input type="password" name="controlpassword">
                    </li>
                </ul>
            </form>
        </div>
    </div>
    <div class="right clearfix">
        <header>
            <nav>
                <ul class="clearfix">
                    <li><a href="#">科大主页</a></li>
                    <li><a href="#">Tooooold 搜索</a></li>
                    <li><a href="#">Grid 搜索</a></li>
                    <li><a href="#">麦诗全站搜索</a></li>
                    <li><a href="#">科大影视</a></li>
                    <li><a href="#">科大音乐</a></li>
                    <li><a href="#">图书馆</a></li>
                    <li><a href="#">电子邮件</a></li>
                    <li><a href="#" style="border: 0px">失物招领</a></li>
                </ul>
            </nav>
        </header>
        <hr class="clear">
        <article class="clearfix">
            <div>
                <p>重要通知</p>
                <ul>
                    <li><img src="" alt=""><a href="#">11111111111111</a></li>
                    <li><img src="" alt=""><a href="#">11111111111111</a></li>
                    <li><img src="" alt=""><a href="#">111111111111111</a></li>
                    <li><img src="" alt=""><a href="#">1111111111111</a></li>
                    <li><img src="" alt=""><a href="#">1111111111111</a></li>
                    <li><img src="" alt=""><a href="#">11111111111111</a></li>
                    <li><img src="" alt=""><a href="#">11111111111111</a></li>
                    <li><img src="" alt=""><a href="#">111111111111111</a></li>
                    <li><img src="" alt=""><a href="#">11111111111111</a></li>
                    <li><img src="" alt=""><a href="#">111111111111111</a></li>
                </ul>
            </div>
            <div>
                <p>今日十大热门话题</p>
                <ul>
                    <li><img src="" alt=""><a href="#">11111111111111</a></li>
                    <li><img src="" alt=""><a href="#">11111111111111</a></li>
                    <li><img src="" alt=""><a href="#">111111111111111</a></li>
                    <li><img src="" alt=""><a href="#">1111111111111</a></li>
                    <li><img src="" alt=""><a href="#">1111111111111</a></li>
                    <li><img src="" alt=""><a href="#">11111111111111</a></li>
                    <li><img src="" alt=""><a href="#">11111111111111</a></li>
                    <li><img src="" alt=""><a href="#">111111111111111</a></li>
                    <li><img src="" alt=""><a href="#">11111111111111</a></li>
                    <li><img src="" alt=""><a href="#">111111111111111</a></li>
                </ul>
            </div>
            <div>
                <p>热门讨论区</p>
                <ul>
                    <li><span>14</span><a href="#">内容1111111111</a></li>
                    <li><span>211</span><a href="#">内容1111111112</a></li>
                    <li><span>34</span><a href="#">内容1111111113</a></li>
                    <li><span>444</span><a href="#">内容1111111114</a></li>
                    <li><span>51</span><a href="#">内容1111111115</a></li>
                    <li><span>655</span><a href="#">内容1111111116</a></li>
                    <li><span>71</span><a href="#">内容1111111117</a></li>
                    <li><span>84</span><a href="#">内容1111111118</a></li>
                    <li><span>89</span><a href="#">内容1111111119</a></li>
                    <li><span>41</span><a href="#">内容11111111110</a></li>
                </ul>
            </div>
        </article>

        <div class="clear padding_top_10">
            <p>精彩文章推荐</p>
            <div>
                <ul>
                    <li><img src="" alt="">九月刊<a href="#"></a></li>
                    <li><a href="#">1111111111111111</a></li>
                </ul>
                <ul>
                    <li><img src="" alt="">生活月刊<a href="#"></a></li>
                    <li><a href="#">2222222222222222</a></li>
                </ul>
                <ul>
                    <li><img src="" alt="">崇拜<a href="#"></a></li>
                    <li><a href="#">3333333333333333</a></li>
                </ul>
                <ul>
                    <li><img src="" alt="">流年烟云<a href="#"></a></li>
                    <li><a href="#">4444444444444444</a></li>
                </ul>
            </div>

        </div>
        <footer class="clearfix">
            <ul>
                <li>时间</li>
                <li>2021/1/19</li>
                <li>在线</li>
                <li>1791</li>
                <li>
                    <form name="my form" action="#" method="get" autocomplete="off">
                        <span>账号：</span>
                        <input type="text" name="username">
                        <span>密码：</span>
                        <input type="password" name="password">
                        <input type="submit" value="登录" class="width_60px">
                        <span class="color_darkred font-weight">状态超时</span>
                    </form>
                </li>
            </ul>

        </footer>
    </div>

</div>
</body>
</html>